<template>
    <h5>父组件</h5>
    <div class="box">
        <!-- 引用子组件 -->
         <global-com></global-com>
         <global-com></global-com>
         <GlobalCom />
         <!-- 引用局部组件 -->
          <Local-Com></Local-Com>
          <Local-Com></Local-Com>
    </div>
</template>

<script setup>
import LocalCom from './LocalCom.vue';
</script>

<style>
.box{
    display: flex;
}
h5{
    background-color: burlywood;
    border: 3px dotted skyblue;
}
:deep(.title) {
    border: 3px dotted skyblue;
}
</style>